<!-- 使用$refs直接调用子组件的方法 -->
<!-- 子组件 ChildCom.vue: -->
<template>
    <div>
        <p>{{ receivedMsg }}</p>
    </div>
</template>
<script>
export default {
    data() {
        return {
            receivedMsg: ''
        };
    },

    methods: {
        receiveMessage(message) {
            this.receivedMsg = message;
        }
    }
};


</script>